<template>
  <div>
    <h2>Hello - {{ a }}</h2>
    <button @click="fn1">点我，触发自定义的 change</button>
  </div>
</template>

<script setup>
import { useAttrs } from 'vue'

const attrs = useAttrs()
console.log('attrs', attrs)

// 使用 defineProps 来声明 props
// defineProps(['a'])
const props = defineProps({
  a: {
    type: String,
    required: true
  }
})

// defineEmits(['change'])

const emit = defineEmits({
  change() {
    return true
  }
})

function fn1() {
  emit('change', props.a)
}

defineExpose({
  a: '1',
  b: '2'
})
</script>
